let timeStamp = new Date().getTime()
const vueConfig = {
  //...其他配置
  // css: {
  //     loaderOptions: {
  //         postcss: {
  //             plugins: [
  //                 require('postcss-pxtorem')({
  //                     rootValue: 75,
  //                     propList: ['*']
  //                 })
  //             ]
  //         }
  //     }
  // },
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "./src/css/variable.scss";@import "./src/css/themeify.scss";@import "./src/css/border.scss";@import "./src/css/main.scss";`,
      },
    },
    extract: { // 打包后css文件名称添加时间戳
      filename: `css/[name].${timeStamp}.css`,
      chunkFilename: `css/[name].${timeStamp}.css`,
    }
  },
  // chainWebpack(config) {
  //   const oneOfsMap = config.module.rule('scss').oneOfs.store
  //   oneOfsMap.forEach(item => {
  //     item
  //       .use('sass-resources-loader')
  //       .loader('sass-resources-loader')
  //       .options({
  //         // Provide path to the file with resources
  //         // 要公用的scss的路径
  //         resources: ['./src/styles/variables.scss', './src/styles/mixin.scss']
  //       })
  //       .end()
  //   })
  // },
  devServer: {
    proxy: {
      '/': {
        target: 'https://www.mentosproxy.com',
        changeOrigin: true,
        ws: false
      }
    },
  },
  /** Webpack 配置 */
	configureWebpack: {
		devtool: 'source-map'
	}
}
module.exports = vueConfig